<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />

        <meta name="viewport" content="initial-scale=1,maximum-scale=1, minimum-scale=1">

        <link rel="stylesheet" type="text/css" href="css/swiper.min.css" />
        <link rel="stylesheet" type="text/css" href="css/common.css" />
        <title>股权宝</title>
    </head>

    <body>

        <div class="page">
            <div class="user-head-image-box">
                <img src="images/user_demo.png" alt="" />
                <input type="file" />
            </div>
            <div class="form-content-box input">
                <div class="form-input-box user flex">
                    <p>昵称</p>
                    <input name="name" type="text" value="牛飞" />
                    <img src="images/arr_icon.png" alt="" />
                </div>
                <div class="form-input-box user flex">
                    <p>职务</p>
                    <input name="job" type="text" value="武器大师" />
                    <img src="images/arr_icon.png" alt="" />
                </div>
                <div class="form-input-box user flex">
                    <p>性别</p>
                    <input name="sex" id="sexText" type="text" value="男" />
                    <select name="sex" id="sexSelect">
                        <option value="0" style="display: none" selected="selected"></option>
                        <option value="male">男</option>
                        <option value="female">女</option>
                    </select>
                    <img src="images/arr_icon.png" alt="" />
                </div>
                <div class="form-input-box user flex">
                    <p>年龄</p>
                    <input name="age" type="text" value="23" />
                    <img src="images/arr_icon.png" alt="" />
                </div>
                <div class="form-input-box user flex">
                    <p>学历</p>
                    <input name="education" id="eduText" type="text" value="大专" />
                    <select name="education" id="eduSelect">
                        <option value="0" style="display: none" selected="selected"></option>
                        <option value="cz">初中</option>
                        <option value="gz">高中</option>
                        <option value="dz">大专</option>
                        <option value="zk">专科</option>
                        <option value="bs">博士</option>
                    </select>
                    <img src="images/arr_icon.png" alt="" />
                </div>
                <div class="form-input-box user flex">
                    <p>行业</p>
                    <input name="trade" type="text" value="互联网" />
                    <img src="images/arr_icon.png" alt="" />
                </div>
                <div class="form-input-box user flex">
                    <p>职业</p>
                    <input name="occupation" type="text" value="设计师" />
                    <img src="images/arr_icon.png" alt="" />
                </div>
                <div class="form-input-box user flex">
                    <p>公司</p>
                    <input name="company" type="text" value="上海没理想有限公司" />
                    <img src="images/arr_icon.png" alt="" />
                </div>
                <div class="form-input-box user flex">
                    <p>地址</p>
                    <input name="address" type="text" value="上海普陀" />
                    <img src="images/arr_icon.png" alt="" />
                </div>
            </div>
            <button class="form-button">确定</button>
            <p><br /></p>
        </div>

        <script src="js/jquery-1.8.3.min.js" type="text/javascript" charset="utf-8"></script>
        <script type="text/javascript">
            $('#sexSelect').change(function (e) {
                $('#sexText').val($(this).find('option:selected').html());
            });

            $('#eduSelect').change(function (e) {
                $('#eduText').val($(this).find('option:selected').html());
            });
        </script>
    </body>
</html>